<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>跨域的解决方法</title>
</head>

<body>
    <p>参考文档: https://blog.csdn.net/u012060033/article/details/89965798</p>
    <h3>所谓“同域限制”指的是，出于安全考虑，浏览器只允许脚本与同样协议、同样端口、同样域名的地址进行通信</h3>
    <h3>jsonp</h3>
    <p>缺点: jsonp只能使用get方法,不安全</p>

    <h3>cors</h3>
    <p>
        CORS：一种跨域访问的机制，可以让AJAX实现跨域访问；CORS允许一个域上的网络应用向另一个域提交跨域AJAX请求。
        服务器设置Access-Control-Allow-Origin HTTP响应头之后，浏览器将会允许跨域请求．
        就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功，还是应该失败
    </p>

    <h3>Web sockets</h3>
    <p>在JS创建了web socket之后，会有一个HTTP请求发送到浏览器以发起连接。取得服务器响应后，建立的连接会使用HTTP升级从HTTP协议交换为web sockt协议</p>

    <h3>使用 window.postMessage方法</h3>
    <p>在JS创建了web socket之后，会有一个HTTP请求发送到浏览器以发起连接。取得服务器响应后，建立的连接会使用HTTP升级从HTTP协议交换为web sockt协议</p>
    第五：
</body>

</html>